.content {
  @apply relative;
  .box {
    @apply flex flex-nowrap overflow-x-auto;
    scroll-behavior: smooth;
  }
  .switch {
    @apply absolute top-0 flex items-center justify-center;
    width: 60px;
    height: 90px;
    & > img {
      @apply h-6 w-6 cursor-pointer;
    }
    &.switchLeft {
      @apply left-0 z-10;
      background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%, #000000 100%);
    }
    &.switchRight {
      @apply right-0 z-10;
      background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
      & > img {
        transform: rotate(180deg);
      }
    }
    &.hidden {
      display: none !important;
    }
  }
}
